UTE desarrollo de cursos

user interface UI/UX Web Design JavaScript development Responsive management Accessibility app design Case Study

Aplicación de gestión de compras

Este es el departamento encargado de la gestión del aprovisionamiento de servicios y materiales para el desarrollo de cursos de formación en UTE.
• Gestionar la compra de materiales, servicios y cursos externos.
• Proveer insumos y acomodaciones necesarias para la formación.

Situación inicial:

Previo al desarrollo de este sitio toda la gestión del departamento se realizaba mediante correo electrónico y llamada telefónica entre los integrantes del equipo y los técnicos de formación.

Consencuencias:

• Inseguridad y dificultad de acceso a la información: debido a que la gestión se realizaba mediante correo electrónico, no existía un registro centralizado de las operaciones del departamento, a menudo se perdían datos y llevaba gran dificultad hacer seguimientos y reportes.
• Gestión ineficiente: ineficiencia en el trabajo en equipo, la delegación, asignación y seguimiento de los procesos.
• Comunicación ineficiente: para consultar el estado de las solicitudes, los técnicos tenían que comunicarse personalmente con el equipo.
• Perdida de solicitudes: frecuente perdida de las solicitudes envidadas.
• Lentitud e imprecisión de la gestión: consecuencia de la falta de herramientas especificas.

Solicitud:

Al asumir en diciembre de 2022 la nueva jefa de departamento, se me solicita la creación de una “app de desarrollo” para las tareas que realiza el departamento.

Mis conocimientos al iniciar el proyecto:

• Diseño ux/ui y comunicación visual.

• HTML y CSS avanzados, con conocimientos intermedios de JavaScript.

Limitaciones:

• Incapacidad de conectarse con JavaScript a la base de datos y mostrar la información directamente, lo que provoca la dependencia de las herramientas nativas de la plataforma.

• Necesidad de mantener el diseño general de la red interna, sus navegación superior y lateral.

• Incapacidad de utilizar frameworks de JavaScript que habrían mejorado el producto final.

Tiempo de desarrollo: 2 meses para lanzar la primera versión
Fecha: inicio enero 2023 – primer lanzamiento marzo 2023
Equipo: Mayte Pioli cliente – Franco Rossi diseñador y desarrollador

Investigación:

• Se investigan a fondo todos los procesos y metodologías que realiza actualmente el equipo, definiendo flujos de trabajo a implementar.

• Lectura detallada de la documentación interna y registros.

• Entrevistas a miembros, ex miembros y previa encargada del departamento para comprender sus tareas, sus necesidades y sus puntos de dolor correspondientes a su experiencia y desempeño de las tareas.

• Entrevistas a los técnicos de otros departamentos que realizan solicitudes o dependen de la gestión eficiente del departamento para conocer sus experiencias, inconvenientes y oportunidades de mejorar.

Desarrollo:

El sitio consiste una página web que muta según el usuario detectado, construida utilizando:

• Front-end consistiendo de HTML CSS y JavaScript dividido en múltiples componentes, en una lógica que emula ReactJs.

• Formularios y almacenamiento de listas nativos de Microsoft SharePoint, fuertemente intervenidos mediante JavaScript para mejorar la experiencia de usuario y mantener la identidad corporativa.

• Autorización nativa de la plataforma con una capa de condicionales extra.

• Vistas utilizando JavaScript y arrays de elementos, emulando la funcionalidad de estado de React.

• Hosting en la intranet de UTE.

Features:

v.1 ingreso de compras de curso y recepción de hojas de servicio; ingreso de compra de materiales, y entrada de mercancía. Seguimiento de estrategia de liberación, Comunicación de topes de compra y normativa.

v.2 Solicitud y panel para la gestión de almuerzos, para los cursos de jornada completa; página para que los centros de capacitación puedan ver el estado de todas las solicitudes asociadas a ellos.

v.3 Solicitud de impresiones o adquisición de manuales y documentos físicos para los cursos presenciales. Publicación de documentos asociados al departamento para consulta externa.

Flujo:

Vista para usuarios externos:

Los usuarios externos que ingresen al sitio verán:

• Botones para ingresar las solicitar el inicio de las gestiones que lleva el departamento.

• Documentación y acceso rápido a información como topes de compra o centros de costo.

• Tabla donde podrán consultar el estado de las solicitudes que hayan ingresado.

Vista para usuarios generales:

Permite la entrada y seguimiento de solicitudes de compra, acceso a la documentación del departamento.

Cada uno de los botones despliega un formulario especifico para crear el la solicitud, que luego será procesada y asignada por el responsable.

Formulario de ingreso para las solicitudes de compra.

Vista para supervisores de área:

Cada área cuenta con un supervisor de equipo, cuando ellos entran al sitio se le dirige a esta vista donde podrán desplegar tablas con todas las compras solicitadas por su sección.

Vista para usuarios internos:

Cuando un usuario perteneciente al equipo ingresa al sitio verá más componentes de la interfaz, estos son:

• Listado de solicitudes activas, divididas en pendiente asignación y ya asignadas.

• Menú desplegable a la derecha, que da acceso a la base de datos completa para cada uno de los procesos que registra la aplicación.

Los usuarios internos mantienen la capacidad de ingresar solicitudes al sistema, ya que frecuentemente deben hacer la solicitud además de la gestión.

Vista para jefe:

Panel completo que ve el jefe del departamento y aquellas personas que reciban su autorización.

Al seleccionar una de las solicitudes se despegará el siguente modal; este contiene todas las operaciones que los técnicos harán mientras se gestione la tarea.